<template>
  <div class="firstTitle">
    <div class="icon" @click="$GoBack()">

      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path d="M13.5 15L10.5 12L13.5 9" stroke="#161C1D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
    </div>
    <div class="topTitle">{{ title }}</div>
  </div>
  <el-divider />
</template>

<script setup>
import { ArrowLeft } from "@element-plus/icons-vue";

const props = defineProps({
  title: {
    type: String,
    default: "",
  },
});

const emit = defineEmits(["back"]);
</script>

<style scoped>
.icon {
  margin-left: 10px;
  color: #16181d;
}
.topTitle {

  color: var(--Primary3-950, #16181D);
font-family: "Source Han Sans CN";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* .firstTitle{
  display: flex;
padding: 16px;
align-items: center;
align-self: stretch;
} */
</style>
